.sider {
  background-color: white;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  .car-tree-collapse {
    cursor: pointer;
    height: 100vh;
    width: 10px;
    position: absolute;
    // transform: translateY(-50%);
    display: flex;
    align-items: center;
    right: -10px;
    z-index: 99;
    background-color: #f0f1f7;
    // background: #F0F1F7;
    img {
      height: 64px;
      width: 10px;
    }
  }
  .sider-main {
    height: 100%;
    display: flex;
    flex-direction: column;
    // flex: 1;
    // select-tree样式
    /deep/ .ant-tree li {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
    }
    /deep/ .ant-tree ul {
      width: 100%;
    }
    /deep/ .ant-tree li .ant-tree-node-content-wrapper {
      flex: 1;
      width: 0;
      overflow: hidden;
    }
    .sider-header {
      color: #28323b;
      font-size: 12px;
      padding: 13px;
      box-sizing: border-box;
      display: flex;
      flex-wrap: wrap;
      border-bottom: 1px solid #eeeeee;
      .header-item {
        cursor: pointer;
        width: 33%;
        height: 18px;
        display: flex;
        align-items: center;
        .item-icon {
          margin-right: 13px;
          font-size: 22px;
          width: 22px;
          height: 22px;
        }
      }
      .header-item:last-child {
        margin-bottom: 0px;
      }
    }
    .sider-opt {
      padding: 10px 12px 9px 12px;
      font-size: 12px;
      .tab {
        position: relative;
        .star-checkbox {
          font-size: 12px;
          position: absolute;
          top: 50%;
          right: 0;
          transform: translateY(-50%);
        }
      }
    }
    .search {
      margin-top: 8px;
      display: flex;
      align-items: center;
    }
    .sider-tree {
      // flex: 1;
      flex: 1;
      height: 0;
      overflow-y: auto;
    }
  }
  .sider-footer {
    padding: 6px 16px 0px 16px;
    // border-top: 1px solid #eeeeee;
    .footer-header {
    }
    .footer-main {
      /deep/ .submit-button {
        width: 100%;
        margin-bottom: 16px;
      }
    }
  }
}
